參賽前言

去年的鐵人賽雖然成功完賽了（Super Easy CSS，極度簡單），但是整個系列卻沒有完整，原來要讓人學會 CSS，30 天是不夠的呀！因為沒有預估到先備知識的教學，我完完全全錯估了範圍，果然掌握教學節奏是很需要靠經驗的事情。而且，整理既有知識 + 研究新東西，本來就有點太貪心了。😅

所以，今年的目標就是繼續填坑，延續去年的目標：

學習 CSS 基本知識，並且研究 CSS 中酷炫又令人期待新屬性，讓想要學習 CSS 的人也能一起學到新知識，不用再零零散散地去爬文搜尋。此外，還會提及一些前端基本知識、版本控制、開發經驗等必要概念，讓新手對於前端開發有全面的認識。

今年我也會努力！今年的存稿沒有太多，今年也是很鐵人呀！😂

這 30 天我想做什麼？

這 30 天我的方向依然是：

• 自我挑戰：研究新穎的 CSS 屬性

• 作為筆記：供自己日後參考

• 作為紀念：留下些什麼吧！

• 幫助他人：讓人跨出學習網頁的第一步

對了！每年都有的 The State of CSS 統計，討論了許多新提出的 CSS 屬性，今年的問卷也開始給大家填寫囉！大家也可以去填寫看看：State of CSS 2024。又有好多新東西可以研究，我也才了解一半左右。XD

文章目錄

今年的鐵人賽會接續去年的繼續寫，所以會從第 #36 篇開始，開始深入研究多媒體、繪製圖形、特效、互動與一點點 SEO。

詳細的目錄我會統一更新在舊的目錄中：

#00 文章目錄 / 參賽前言 | Super Easy CSS

等到全部完成，我再把目錄複製過來這裡，不然一直來來回回維護好幾份目錄太累了。

同場加映：前端切版百寶箱

本來在這系列最後，想要總結一下文章裡面有提到的、我常用的小工具給大家，但是今年多了「佛心分享主題 - 我的私藏工具箱」，所以我覺得可以另開一個系列文章，叫作：

SUPER EASY CSS 前端切版百寶箱 :: 2024 iThome 鐵人賽

也歡迎大家去看看！謝謝大家！XD

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

感謝看到最後的你，若你覺得獲益良多，請不要吝嗇給我按個喜歡。❤️

如果你喜歡我的創作，還想看看其他有趣的分享與日常，
可以追蹤我的 IG @im1010ioio，或者是🧋送杯珍奶鼓勵我，謝謝你🥰。